@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2+px;
}

.mobile {
    background: #fff;
    header {
        .web {
            font-size: 0;
            overflow: hidden;
            .ba {
                width: p(123);
                height: p(57);
                font-size: p(26);
                border: p(3) solid #ff9344;
                border-radius: p(14);
                line-height: p(45);
                text-align: center;
                float: left;
                margin-left: p(23);
                margin-top: p(48);
            }
            .h1 {
                text-align: center;
                margin-top: p(46);
                h1 {
                    font-size: p(26);
                }
            }
            .xlk {
                float: right;
                margin-top: p(47);
                margin-right: p(24);
                position: relative;
                select {
                    width: p(163);
                    height: p(60);
                    border: p(3) solid #ff9344;
                    padding-left: p(14);
                    background: white;
                    appearance: none;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                }
                select::-ms-expand {
                    display: none;
                }
                &::after {
                    content: "";
                    position: absolute;
                    width: 0;
                    height: 0;
                    right: p(11);
                    top: p( 22);
                    border-top: p(16) solid #ff9344;
                    border-left: p(16) solid transparent;
                    border-right: p(16) solid transparent;
                }
            }
        }
    }
    .New_rec {
        margin-top: p(20);
        margin-bottom: p(17);
        .swiper-container {
            
            .swiper-wrapper {
                .swiper-slide {
                
                  text-align: center;
                    .tup {
                        width: p(151);
                        height: p(151);
                        border-radius: 50%;
                        overflow: hidden;
                        img {
                            width: 100%;
                        }
                    }
                    a{
                         width: p(151);
                        display: block;
                        font-size: p(26);
                        color: black;
                         
                    }
                }
            }
        }
        .swiper-pagination{
            position: relative;
            top: p(5);
        }
    }
    section {
        .nav {
            margin-bottom: 25%;
            .meis {
                font-size: 0;
                padding-top: p(16);
                margin-bottom: p(36);
                .ml {
                    margin-left: p(30);
                    .lc {
                        width: p(56);
                        height: p(44);
                        display: inline-block;
                        vertical-align: middle;
                        img {
                            width: 100%;
                        }
                    }
                    p {
                        display: inline-block;
                        font-size: p(30);
                        vertical-align: middle;
                        margin-left: p(9);
                    }
                }
                .gdat {
                    float: right;
                    margin-right: p(17);
                    margin-top: p(7);
                    h1 {
                        font-size: p(24);
                        vertical-align: middle;
                        display: inline-block;
                        margin-right: p(8);
                    }
                    .tub {
                        width: p(25);
                        height: p(26);
                        vertical-align: middle;
                        display: inline-block;
                        a {
                            img {
                                width: 100%;
                            }
                        }
                    }
                }
                .zhans {
                    padding: 0 p(23);
                    margin-top: p(37);
                    width: 100%;
                    .sici {
                        .mi {
                            float: left;
                            width: 20%;
                            img {
                                width: 100%;
                            }
                        }
                        .nou {
                            float: left;
                            width: 20%;
                            margin-left: 6%;
                            img {
                                width: 100%;
                            }
                        }
                    }
                    .san {
                        //                      margin-right: p(23);
                        .yige {
                            float: left;
                            width: 20%;
                            margin-left: 6%;
                            img {
                                width: 100%;
                            }
                        }
                        .hengx {
                            float: left;
                            width: 20%;
                            margin-left: 6%;
                            img {
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }
    }
    //脚注
    footer {
        ul {
            position: fixed;
            width: 100%;
            bottom: p(0);
            background: white;
            padding: p(16) 0;
            li {
                float: left;
                width: 25%;
                text-align: center;
                a {
                    display: block;
                    color: black;
                    font-size: p(26);
                }
                a:first-child {
                    font-size: p(72);
                    color: #FF9344;
                }
            }
        }
    }
}